*{
    box-sizing:border-box;
    margin:0;
    padding: 0;
  }
  body{
    background: white;
  }
  .rainbow div{
    overflow: hidden;
  }
  .rainbow{
  
    height: 200px;
    overflow: hidden;
  }
  .rainbow>div{
    
    width: 400px;
    height: 400px;
    background: red;
    border-radius:50%;
  }
  .rainbow>div>div{
     
     height: 380px;
     background: hsl(60,80%,50%);
     margin: 10px;
     border-radius:50%;
    }
  .rainbow>div>div>div{
    
     height: 360px;
     background: hsl(120,80%,50%);
     margin: 10px;
     border-radius:50%;
    
  }
  .rainbow>div>div>div>div{
     
     height: 340px;
     background: hsl(180,80%,50%);
     margin: 10px;
     border-radius:50%;
    
  }
  .rainbow>div>div>div>div>div{
     
     height: 320px;
     background: hsl(240,80%,50%);
     margin: 10px;
     border-radius:50%;
    
  }
  .rainbow>div>div>div>div>div>div{
     
     height: 300px;
     background: hsl(300,80%,50%);
     margin: 10px;
     border-radius:50%;
    
  }
  .rainbow>div>div>div>div>div>div>div{
    
     height: 280px;
     background: hsl(330,80%,50%);
     margin: 10px;
     border-radius:50%;
    
  }
  .rainbow>div>div>div>div>div>div>div>div{
   
     height: 260px;
     background: hsl(330,80%,100%);
     margin: 10px;
     border-radius:50%;
    
  }